var vm = new Vue({
    el:'#rrapp',
    data:{
      collageData:null,
      yearData:null,
      termData:null,
      weekData:null,
      dayData:null,
      indexData:null,
      collageValue:[],
      yearValue:[],
      termValue:[],
      weekValue:[],
      dayValue:[],
      indexValue:[],
      collageOptions:[],
      yearOptions:[],
      termOptions:[],
      weekOptions:[],
      dayOptions:[],
      indexOptions:[]
    },
    mounted(){
         $.ajax({
            url: baseURL + "/college/getAllcollege",
            data: {},
            success: function (r) {
                for (i = 0; i < r.list.length; i++) {
                    var tempJson={
                        'value':r.list[i].collegeName,
                        'label':r.list[i].collegeName
                    }
                    vm.collageOptions.push(tempJson)
                }
            }
        });
        $.ajax({
            url: baseURL + "/term/getSchoolTerm",
            data: {},
            success: function (r) {
                for (i = 0; i < r.list.length; i++) {
                     var tempJson={
                        'value':r.list[i].schoolAcademicYear,
                        'label':r.list[i].schoolAcademicYear
                    }
                    vm.yearOptions.push(tempJson)
                }
            }
         });
         var listTerm=["1","2"];
         for (i = 0; i < listTerm.length; i++) {
            var tempJson={
                'value':listTerm[i],
                'label':"第"+listTerm[i]+"学期"
            }
            this.termOptions.push(tempJson)
         }
         for (i = 1; i < 21; i++) {
            var tempJson={
                'value':i,
                'label':"第"+i+"周"
            }
            this.weekOptions.push(tempJson)
         }
         for (i = 1; i < 8; i++) {
           var tempJson={
                'value':i,
                'label':"星期"+i
            }
            this.dayOptions.push(tempJson)
         }
         for (i = 1; i < 11; i+=2) {
            var tempJson={
                'value':i,
                'label':"第"+i+"节"
            }
            this.indexOptions.push(tempJson)
         }
    },
    methods:{

    }
});
//*******************************v**u**e*********************************
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));//定义折线图显示的位置对象
option = {
 title: {
     text: '学院到课率横向比'
 },
legend: {
     data:[]
 },
xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
    type: 'value',
            axisLabel: {
                formatter: '{value} %'
            }
},
series: [ {
             name:'邮件营销',
             type:'line',
             stack: '到课率',
             data:[120, 132, 101, 134, 90, 230, 210]
         },
         {
             name:'联盟广告',
             type:'line',
             stack: '到课率',
             data:[220, 182, 191, 234, 290, 330, 310]
         },]
};
function goString(data){
		var temp=""
		for(let i in data){
			if(i==data.length-1){
				temp+=('\''+data[i]+'\'')
			}else{
				temp+=('\''+data[i]+'\'')+','
			}
		}
		return temp
	}
function query()
{
    vm.collageData=goString(vm.collageValue);
    vm.yearData=goString(vm.yearValue);
    vm.termData=goString(vm.termValue);
    vm.weekData=goString(vm.weekValue);
    vm.dayData=goString(vm.dayValue);
    vm.indexData=goString(vm.indexValue);
    $.ajax({
        url: baseURL + "AttendenceCharts/getAttendanceCollegeHorizontalComparison",
            data: {
                "collegeName":vm.collageData,
                "academicYear":vm.yearData,
                "academicTerm":vm.termData,
                "academicWeek":vm.weekData,
                "academicDay":vm.dayData,
                "academicIndex":vm.indexData,
                "startDate":$("#startDate").val(),
                "endDate":$("#endDate").val()
            },
            success: function (r) {
                option.series=r.r.data;
                option.xAxis= {
                    type: 'category',
                    data:r.r.xAxis
                };
                option.legend.data=r.r.legend;
                myChart.setOption(option);
            }
    });
}
function setDate(id) {
    var Nowdate=new Date();
    M=Number(Nowdate.getMonth())+1;
    var today=Nowdate.getFullYear()+"-"+fix(M)+"-"+fix(Nowdate.getDate());
    if(id=='1'){
        $("#startDate").val(today);
        $("#endDate").val(today);
    }
    else if(id=='2'){
        $("#startDate").val(showWeekFirstDay());
        $("#endDate").val(today);
    }
    if(id=='3'){
        $("#startDate").val(showMonthFirstDay());
        $("#endDate").val(today);
    }
    query()
}
function showWeekFirstDay(){
    var Nowdate=new Date();
    var WeekFirstDay=new Date(Nowdate-(Nowdate.getDay()-1)*86400000);
    M=Number(WeekFirstDay.getMonth())+1
    return WeekFirstDay.getFullYear()+"-"+fix(M)+"-"+fix(WeekFirstDay.getDate());
}
function showWeekLastDay()
{
    var Nowdate=new Date();
    var WeekFirstDay=new Date(Nowdate-(Nowdate.getDay()-1)*86400000);
    var WeekLastDay=new Date((WeekFirstDay/1000+6*86400)*1000);
    M=Number(WeekLastDay.getMonth())+1
    return WeekLastDay.getFullYear()+"-"+M+"-"+WeekLastDay.getDate();
}
function showMonthFirstDay()
{
    var Nowdate=new Date();
    var MonthFirstDay=new Date(Nowdate.getFullYear(),Nowdate.getMonth(),1);
    M=Number(MonthFirstDay.getMonth())+1
    return MonthFirstDay.getFullYear()+"-"+fix(M)+"-"+fix(MonthFirstDay.getDate());
}
function fix(num){
    if(num<10)
        return "0"+num;
    else
        return ""+num;
}
function showMonthLastDay()
{
    var Nowdate=new Date();
    var MonthNextFirstDay=new Date(Nowdate.getFullYear(),Nowdate.getMonth()+1,1);
    var MonthLastDay=new Date(MonthNextFirstDay-86400000);
    M=Number(MonthLastDay.getMonth())+1
    return MonthLastDay.getFullYear()+"-"+M+"-"+MonthLastDay.getDate();
}